@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


@media only screen and (max-width: 1600px) {

    body {
        font-family: 'Jost', sans-serif;
        background: #171457;
    }

    .main_sec {
        width: 100%;
        height: 100%;
    }
    .carousel-indicators .active {
        opacity: 1;
        background: #000ab1;
        color: #fff;
        border: #000ab1;
    }

    .main_sec_top {
        width: calc(100% - 40px);
        height: auto;
        margin: auto;
        padding: 40px 0px 40px 20px;
        position: relative;
    }

    .back_icon {
        width: 40px;
        height: 40px;
        background: #fff;
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .heading_top {
        width: 100%;
        height: auto;
        text-align: center;
    }

    .heading_top h3 {
        font-style: normal;
        font-weight: 600;
        font-size: 22px;
        line-height: 32px;
        text-transform: capitalize;
        color: #FFFFFF;
        margin: 0;
    }

    .main_sec_bottom {
        width: 100%;
        height: calc(100vh);
        padding: 20px 15px;
        background: #fff;
        overflow-y: auto;
        border-radius: 10px 10px 0 0;
    }

    .time_counter {
        width: 100%;
        color: #171457;
        font-size: 36px;
        font-weight: 600;
        text-align: center;
    }

    .topic_name {
        width: 100%;
        text-align: left;
        margin-top: 20px;
    }

    .topic_name h4 {
        color: #FF7F00;
        font-size: 23px;
        font-weight: 600;
    }

    .question_number {
        width: 100%;
        font-size: 20px;
        font-weight: 600;
        color: #666;
        margin-top: 20px;
    }

    .question_number span {
        color: #000;
    }

    .question_box {
        width: 100%;
        background: #fff;
        padding: 20px;
        margin-top: 20px;
        border-radius: 10px;
        box-shadow: 0 0 18px #bdbdbd;
    }

    .question_part {
        width: 100%;
    }

    .question_top {
        width: 100%;
        margin-bottom: 10px;
        display: flex;
        /* align-items: center; */
        justify-content: space-between;
    }

    .question {
        font-size: 18px;
        color: #0d0d0d;
        width: 100%;
    }

    .question_bookmark {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: #f3f5f7;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        right: -10px;
        top: -10px;
    }

    .question_bookmark a {
        color: #0d0d0d;
        font-size: 20px;
    }

    .answer_bottom {
        width: 100%;
        padding-top: 0px;
        margin-bottom: 10px;
    }

    .answer_part {
        width: 100%;
        padding: 16px 15px;
        border-radius: 10px;
        background: #f3f5f7;
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        margin: 7px 0;
        font-weight: 500;
    }

    .answer_part input {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        opacity: 0;
    }

    .round {
        width: 20px;
        height: 20px;
        margin-right: 10px;
        border-radius: 50%;
        border: solid 2px #3D47E7;
        padding: 10px;
        position: relative;
    }

    .round:after {
        width: 100%;
        height: 100%;
        content: "";
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        position: absolute;
        background: transparent;
        border-radius: 50%;
        border: solid 3px #fff;
    }

    .answer_part input:checked~.round {
        background: #3D47E7;
    }

    .user_given {
        width: 100%;
        color: #0d0d0d;
        font-size: 18px;
        text-align: center;
    }

    .number_question_slide {
        width: 100%;
        padding: 0;
    }

    .number_question_slide .carousel-inner {
        overflow: visible;
    }

    .number_question_slide ul {
        position: relative;
        padding: 20px 0 15px;
        margin: 0 0 15px 0;
        display: block;
        white-space: nowrap;
        overflow: scroll;
        text-align: center;
    }

    .number_question_slide ul li {
        background: transparent;
        text-indent: 0;
        min-width: 30px;
        height: 30px;
        border-radius: 50%;
        border: solid 1px #0d0d0d;
        padding: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .main_sec_bottom .submit_btn {
        margin-bottom: 10px;
    }

    .submit_question {
        background: #FF7F00;
        border-radius: 8px;
        color: #fff;
        width: 100%;
        font-size: 16px;
        font-weight: 500;
        text-transform: capitalize;
        padding: 12px;
        border: none;
    }

    .questionImage {
        width: 100%;
        height: auto;
    }

    .questionImage img {
        width: 100%;
    }

    /*-- 17-03-2023 --*/
    .question_box_2 {
        width: 100%;
        background: #ced0f7;
        padding: 20px;
        margin-bottom: 20px;
        border-radius: 10px;
    }

    .question_box_2:last-child {
        margin-bottom: 0;
    }

    .question_box_2 h4 {
        color: #000302;
        font-size: 20px;
        margin-bottom: 10px;
    }

    .question_box_2 a {
        color: #3e43dc;
        font-size: 18px;
        font-weight: 600;
        text-transform: capitalize;
    }

    /*-- 21-03-2023 --*/
    /* .terms_condition_box {
	} */

    .terms_condition_box h4 {
        color: #000302;
        font-size: 20px;
        font-weight: 600;
        line-height: normal;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .wrong_answer {
        background-color: #f00;
        color: #fff;
    }

    .success_answer {
        background-color: #44db39;
        color: #fff;
    }

    .terms_condition_part {
        width: 100%;
    }

    .terms_condition_part ul {
        list-style: none;
    }

    .terms_condition_part ul li {
        margin: 0 0 15px;
    }

    /*-- 19-04-2023 --*/
    .medical_subject_qusetion_sec {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        margin-top: 20px;
    }

    .medical_subject_qusetion {
        width: 62%;
        color: #161457;
        font-size: 21px;
        font-weight: 500;
        display: flex;
        align-items: center;
    }

    .medical_subject_qusetion label {
        margin: 0;
    }

    .medical_subject_answer {
        width: 100px;
        display: flex;
    }

    .medical_subject_answer .answer_part {
        width: auto;
        padding: 0;
        margin: 0 0 0 7px;
        background: transparent;
    }

    .medical_subject_answer .answer_part .round {
        width: 18px;
        height: 18px;
        padding: 0;
        margin-right: 5px;
    }

    .medical_subject_answer .answer_part span {
        color: #666;
    }

    .medical_subject_answer .answer_part input:checked~span {
        color: #000;
    }

    .medical_subject_bottom {
        width: 100%;
        margin-top: 20px;
    }

    .medical_subject_bottom table tr th,
    .medical_subject_bottom table tr td {
        padding: 5px;
    }

    .medical_subject_bottom table tr th {
        font-size: 24px;
        font-weight: bold;
    }

    .medical_subject_bottom table tr td {
        font-size: 18px;
        font-weight: 500;
    }

    .answer_bottom sub {
        color: #ff7900;
    }

    .optopn-txt p {
        word-break: break-word;
    }

    .question p {
        word-break: break-word;
    }

    .medical_subject_bottom table tbody tr.active td {
        color: #e38e0d !important;
        font-weight: 800;
    }

    .round_checkbox {
        border-radius: 0;
    }

    .round_checkbox:after {
        width: 5px;
        height: 10px;
        content: "";
        top: 2.5px;
        bottom: auto;
        left: 0;
        right: 0;
        border-radius: 0;
        margin: auto;
        position: absolute;
        background: transparent;
        border: solid white;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    /* Sujoy */
    .answer_bottom p {
        margin-bottom: 0px;
    }

    .answer_bottom sup {
        display: inline-block;
        color: #000000;
        margin-left: 4px;
    }

    .answer_bottom sub {
        color: #000000;
    }

    .carousel.pointer-event {
        -ms-touch-action: unset;
        touch-action: unset;
    }

    /* question bank bookmark start */
    .quesbank_bookmark_main .feedback_header {
        padding: 20px 0px 20px;
    }

    .question_bank_list h6 {
        font-size: 15px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #4acdc8;
        padding: 10px 0px;
    }

    .question_bank_list h6 span {
        color: #000;
    }

    .quesbank_bookmark_inner_main .nav-tabs .nav-link {
        white-space: nowrap;
        border: 2px solid #1e0059;
        margin-bottom: 15px;
        margin-right: 8px;
        border-radius: 4px;
        padding: 4px 11px;
        display: flex;
        align-items: center;
    }

    .quesbank_bookmark_inner_main .nav-tabs .nav-link.active {
        background: #1e0059;
        color: #fff;
        border-color: #1e0059;
    }

    .quesbank_bookmark_inner_main span.bookmark_bullet {
        height: 12px;
        width: 12px;
        border-radius: 50%;
        display: inline-block;
        margin-right:8px;
    }

    .clr_grn {
        background-color: #14a085;
    }

    .clr_red {
        background-color: #ef3c42;
    }

    .clr_black {
        background-color: #221a1a;
    }

    .clr_blue {
        background-color: #038ade;
    }

    .ques_bank_bkmrk_item .question_bookmark {
        position: absolute;
        right: 6px;
        top: 6px;
    }

    .ques_bank_bkmrk_item {
        background: #fff7ce;
        padding: 20px;
        border-radius: 10px;
        position: relative;
        margin: 12px 0px;
    }

    .ques_bank_bkmrk_item h6 {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .ques_bank_bkmrk_item ol {
        padding-left: 19px;
        color: #ff9a0d;
        font-size: 17px;
        font-weight: 600;
        line-height: 18px;
        margin-bottom: 12px;
    }

    .ques_bank_bkmrk_item p {
        margin-bottom: 0px;
        word-break: break-word;
    }

    .ques_bank_bkmrk_item ol li::after {
        position: absolute;
        top: 7px;
        height: 16px;
        width: 16px;
        font-family: "Font Awesome 6 Pro";
        font-weight: 600;
        right: 4px;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        font-size: 13px;
    }

    .ques_bank_bkmrk_item ol li {
        background: #fff;
        position: relative;
        padding-right: 18px;
    }

    .ques_bank_bkmrk_item ol li.ans_wrong::after {
        content: '\f00d';
        background: red;
    }

    .ques_bank_bkmrk_item ol li.ans_correct::after {
        content: '\f00c';
        background: green;
    }

    li.ans_correct {
        background: #ffffff;
        padding: 6px;
        margin: 10px 0px;
    }

    li.ans_wrong {
        background: #fff;
        padding: 6px;
        margin: 10px 0px;
    }

    .question_bookmark_delete {
        background: red;
        color: #fff;
        width: 100%;
        font-size: 16px;
        font-weight: 500;
        text-transform: capitalize;
        padding: 12px;
        border: none;
    }

    /* 02/06/23 */
    .bookmark_question_main .nav-tabs {
        border-bottom: 0px;
        display: flex;
        flex-wrap: inherit;
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .feedback_header {
        padding: 20px 0px 50px;
        text-align: center;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }

    /* question bank bookmark end */
    .article p span {
        text-align: justify;
        display: block;
    }

    .article h4 {
        text-align: center;
    }

    .article_img {
        text-align: center;
    }

    .article_img img {
        width: 100%;
    }
    .article img {
        width: 100% !important;
        margin: 0% !important;
        height: auto !important;
    }

    /* 10.05.2023 */
    .bokmark_categori .modal-header-top {
        padding: 5px 10px;
    }

    .bokmark_categori .bokmark_categori p {
        color: #bababa;
    }

    .bokmark_categori .bookmar_single_cat {
        display: block;
        position: relative;
    }

    .bokmark_categori span.bookmark_bullet {
        height: 15px;
        width: 15px;
        border-radius: 50%;
    }

    .bokmark_categori .clr_grn {
        background-color: #14a085;
    }

    .bokmark_categori .clr_blue {
        background-color: #038ade;
    }

    .bokmark_categori .clr_red {
        background-color: #ef3c42;
    }

    .bokmark_categori .clr_black {
        background-color: #221a1a;
    }

    .bokmark_categori .modal.fade .modal-dialog {
        margin: 0px;
        position: absolute;
        width: 100%;
        bottom: 0%;
        max-width: 100%;
    }

    .bokmark_categori .modal-content {
        border: 0px;
        border-radius: 0px;
    }

    .bokmark_categori .radio {
        font-size: inherit;
        margin: 0;
        position: absolute;
        right: 10px;
        top: 17px;
    }

    @supports (-webkit-appearance: none) or (-moz-appearance: none) {
        .bokmark_categori .radio {
            -webkit-appearance: none;
            -moz-appearance: none;
            border-radius: 50%;
            cursor: pointer;
            height: 1.5em;
            outline: none;
            transition: background 0.2s ease-out, border-color 0.2s ease-out;
            width: 1.5em;
        }

        .bokmark_categori .radio::after {
            border: 2px solid #f5f6fe;
            border-top: 0;
            border-left: 0;
            content: "";
            display: block;
            height: 0.6rem;
            left: 31%;
            position: absolute;
            top: 50%;
            transform: rotate(45deg) translate(-50%, -50%);
            width: 0.37rem;
        }

        .bokmark_categori .radio:checked {
            background: #3d47e7;
            border-color: #3d47e7;
        }

        .bokmark_categori .card:hover .radio {
            border-color: #c4d1e1;
        }

        .bokmark_categori .card:hover .radio:checked {
            border-color: #3d47e7;
        }
    }

    .bokmark_categori .plan-details {
        border: 1px solid #f5f6fe;
        border-radius: 0.5em;
        cursor: pointer;
        display: flex;
        flex-direction: row;
        padding: 15px 20px;
        transition: border-color 0.2s ease-out;
        align-items: center;
        gap: 10px;
        background: #f5f6fe;
    }


    .bokmark_categori .radio:checked~.plan-details {
        border-color: #3d47e7;
    }

    .bokmark_categori .radio:focus~.plan-details {
        box-shadow: 0 0 0 2px #c4d1e1;
    }

    .bokmark_categori .radio:disabled~.plan-details {
        color: #c4d1e1;
        cursor: default;
    }

    .bokmark_categori .radio:disabled~.plan-details .plan-type {
        color: #c4d1e1;
    }

    .quse_bkmark_green a i {
        color: #14a085;
    }

    .quse_bkmark_blue a i {
        color: #038ade;
    }

    .quse_bkmark_red a i {
        color: #ef3c42;
    }

    .quse_bkmark_black a i {
        color: #221a1a;
    }

    .article img {
        width: 100% !important;
        margin: 0% 0% !important;
        height: auto !important;
    }

    /* bookmark question css start */
    .bookmark_question_main .nav-tabs .nav-link {
        border: 0px;
        white-space: nowrap;
    }

    .question-carousel {
        overflow: scroll;
        text-align: center;
    }

    ul.carousel-indicators.overlap-q {
        padding-bottom: 0px;
        margin-bottom: 15px;
        display: -webkit-inline-box;
        white-space: nowrap;
    }

    .question_total {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 11px 0px;
    }

    .question_total h6 span {
        color: black;
    }

    .question_total h6 {
        margin-bottom: 0;
        color: #ff7f00;
        display: flex;
        align-items: center;
        gap: 3px;
    }

    .bookmark_question_main .nav-link {
        color: #000;
        text-transform: capitalize;
    }

    .bookmark_question_main .nav-link.active {
        border: none;
        color: #ff7f00;
    }

    .bookmark_question_main .nav-tabs {
        border-bottom: 0px;
        display: flex;
        flex-wrap: inherit;
        overflow-x: scroll;
    }

    .bookmark_question_main .nav-tabs .nav-link {
        border: 0px;
    }

    .question_main_antn {
        padding: 20px 13px 0px 0px;
        height: calc(100vh - 31vh);
        overflow-y: scroll;
        width: 96%;
        margin: 0 auto;
    }

    .question_main_antn .form-check {
        padding-left: 0;
        display: flex;
        justify-content: center;
        gap: 18px;
    }

    .question_main_antn label {
        margin-bottom: 0;
    }

    .question_main_antn input {
        height: 15px;
        width: 7%;
    }

    .question_main_antn label {
        margin-bottom: 0;
        flex: 1;
    }

    .feedback_main .bookmark_question_main .submit_btn {
        margin-top: 50px;
        margin-left: -15px;
        margin-right: -15px;
    }

    .question_preview {
        background: #FF7F00;
        color: #fff;
        width: 100%;
        font-size: 16px;
        font-weight: 500;
        text-transform: capitalize;
        padding: 12px;
        border: none;
    }

    .question_publish_inner ol {
        padding-left: 45px !important;
    }

    /* bookmark question css end */

    /* Question publish css start */
    .question_publish_inner li {
        padding: 8px 0px;
        font-weight: 600;
    }

    .main_sec_bottom.question_publish_main {
        height: 90vh;
    }

    .question_publish_inner .question_main_antn {
        padding-top: 0;
        height: calc(100vh - 26vh);
    }

    .feedback_main .question_publish_main .submit_btn {
        margin-top: 24px;
        margin-left: -15px;
        margin-right: -15px;
    }

    .question_publish_inner .feedback_header {
        padding-bottom: 20px;
    }

    a.fedback_rgt_arrow {
        position: absolute;
        left: 18px;
        background: white;
        color: #ff7f00;
        height: 36px;
        width: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        font-size: 20px;
    }

    .feedback_header {
        padding: 20px 0px 50px;
        text-align: center;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }

    .button-question-rank .btn-secondary,
    .button-question-rank .btn-info {
        width: 49%;
    }

    /* Question publish css end */

    /* Absolute Center Spinner */
    .loading {
        position: fixed;
        z-index: 999;
        height: 2em;
        width: 2em;
        overflow: show;
        margin: auto;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

    /* Transparent Overlay */
    .loading:before {
        content: '';
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: radial-gradient(rgba(20, 20, 20, .8), rgba(0, 0, 0, .8));

        background: -webkit-radial-gradient(rgba(20, 20, 20, .8), rgba(0, 0, 0, .8));
    }

    /* :not(:required) hides these rules from IE9 and below */
    .loading:not(:required) {
        /* hide "loading..." text */
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0;
    }

    .loading:not(:required):after {
        content: '';
        display: block;
        font-size: 10px;
        width: 1em;
        height: 1em;
        margin-top: -0.5em;
        -webkit-animation: spinner 150ms infinite linear;
        -moz-animation: spinner 150ms infinite linear;
        -ms-animation: spinner 150ms infinite linear;
        -o-animation: spinner 150ms infinite linear;
        animation: spinner 150ms infinite linear;
        border-radius: 0.5em;
        -webkit-box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) -1.5em 0 0 0, rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
        box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) -1.5em 0 0 0, rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
    }

    /* Animation */

    @-webkit-keyframes spinner {
        0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        100% {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    @-moz-keyframes spinner {
        0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        100% {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    @-o-keyframes spinner {
        0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        100% {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    @keyframes spinner {
        0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        100% {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    form .card-footer {
        padding: .75rem 1.25rem !important;
    }

    /* Feedback page  css start */
    .feedback_header {
        padding: 20px 0px 50px;
        text-align: center;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }

    .rain_subtopic_hder {
        background: #f2f6f9;
        padding: 12px 10px;
        border-radius: 9px;
        margin-bottom: 40px;
        display: flex;
        align-items: center;
        gap: 15px;
    }

    .rain_subtopic_hder h5 {
        margin-bottom: 0px;
    }

    form.write_feedback_form input {
        border: none;
        border-bottom: 2px solid;
        border-radius: 0px;
        margin: 15px 0px;
    }

    form.write_feedback_form label {
        font-size: 20px;
        font-weight: 600;
    }

    .feedback_main .submit_btn {
        margin-top: 50px;
    }

    .rating {
        border: none;
        display: inline-block;
        margin: 20px 0px;
        position: relative;
    }

    .rating>input {
        display: none;
    }

    .rating>label:before {
        margin: 5px;
        font-size: 30px;
        font-family: FontAwesome;
        display: inline-block;
        content: "\f005";
    }

    .rating>.half:before {
        content: "\f089";
        position: absolute;
        width: 0px;
    }

    .rating>label {
        color: #ddd;
        float: right;
    }


    .rating>input:checked~label,
    .rating:not(:checked)>label:hover,
    .rating:not(:checked)>label:hover~label {
        color: #19154f;
    }


    input,
    label {
        cursor: pointer;
    }

    span.fedback_rgt_arrow {
        position: absolute;
        left: 18px;
        background: white;
        color: #ff7f00;
        height: 36px;
        width: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        font-size: 20px;
    }

    .feedback-btn {
        background: #f59f00;
        color: white;
        padding: 0.375rem 0.75rem;
        border-radius: 5px;
        width:99%;
        display: block;
        margin-top: 12px;
    }

    .button-question-rank {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }

    button.close {
        background: red;
        opacity: 1;
        color: #fff;
        width: 26px;
        height: 26px;
        display: flex;
        align-items: center;
        line-height: 0;
        justify-content: center;
        font-size: 21px;
        border-radius: 50%;
        position: relative;
        right: -5px;
    }
}

@media only screen and (max-width: 485px){
.medical_subject_qusetion {
    width: 75%;
    flex: 1;
    font-size: 17px;
}
.medical_subject_answer .answer_part input:checked~span {
    color: #000;
    font-size: 17px;
}
}

@media only screen and (max-width: 350px){
    .medical_subject_qusetion {
        font-size: 15px;
    }
    .medical_subject_answer .answer_part input:checked~span {
        color: #000;
        font-size: 15px;
    }
}